<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表页</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/list.min.css">
</head>

<body>
    <div class="web">
        <!-- 头部 -->
        <header>
            <div class="wrap">
                <!-- help -->
                <ul class="help">
                    <li><a href="##">关于我们</a></li>
                    <li><a href="##">联系我们</a></li>
                    <li><a href="##">中文版</a></li>
                    <li><a href="##">English</a></li>
                    <li><a href="##">微博入口</a></li>
                    <li><a href="##">敦冠影像</a></li>
                </ul>
                <!-- logo和nav -->
                <div class="mod">
                    <!-- logo -->
                    <div class="logo">
                        <img src="./images/public/logo.png" alt="" srcset="">
                    </div>

                    <!-- nav -->
                    <ul class="nav">
                        <li class="active"><a href="##">首页</a></li>
                        <li><a href="##">音响</a></li>
                        <li><a href="##">家庭系统</a></li>
                        <li><a href="##">商业系统</a></li>
                        <li><a href="##">产品与科技</a></li>
                        <li><a href="##">客户服务</a></li>
                        <li><a href="##">工程案例</a></li>
                        <li><a href="##">咨讯</a></li>
                    </ul>
                </div>
            </div>
        </header>

        <!-- 主体内容 -->
        <main>
            <div class="main_con">
                <!-- 侧边导航栏 -->
                <div class="side">
                    <ul>
                        <li class="active"><a><i class="icon_arrow"></i>业内新闻 News</a></li>
                        <li><a><i class="icon_arrow"></i>媒体报道 Reports</a></li>
                        <li><a><i class="icon_arrow"></i>其他资料 Data</a></li>
                        <li><a><i class="icon_arrow"></i>主要成就 Achievement</a></li>
                        <li><a><i class="icon_arrow"></i>公司发展 The company</a></li>
                    </ul>
                
                    <div class="conact_info">
                        <div class="icon_call"></div>
                        <div class="tel">
                            <p>0755-25023651</p>
                            <p>0755-25023653</p>
                        </div>
                    </div>
                </div>
                <!-- 业内新闻 -->
                <div class="news_mod">
                    <!-- 标题 -->
                    <div class="tit">
                        <span>NEWS</span>
                        <span>业内新闻</span>
                    </div>
                    <div class="news_con">
                        <div class="caption">
                            <div class="bread">
                                <span>首页</span>
                                <span>></span>
                                <span>业内新闻</span>
                            </div>
                            <div class="news_date">
                                <span>更新日期</span>
                                <span>:</span>
                                <span>2015-11-18</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
        </main>
    </div>
</body>

</html>